<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>基于机器学习的分布式系统故障诊断系统</title>
    <meta name="description" content="基于机器学习的分布式系统故障诊断系统">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="/static/css/font-awesome.min1.css">
    <link rel="stylesheet" href="/static/css/simple-line-icons1.css">
    <link rel="stylesheet" href="/static/css/linea-basic1.css">
    <link rel="stylesheet" href="/static/css/pe-icon-7-stroke2.css">
    <link rel="stylesheet" href="/static/css/countrySelect.min1.css">
    <link rel="stylesheet" href="/static/css/perfect-scrollbar1.css">
    <link rel="stylesheet" href="/static/css/bootstrap.min1.css">
    <link rel="stylesheet" href="/static/css/owl.carousel.min2.css">
    <link rel="stylesheet" href="/static/css/presets1.css">
    <link rel="stylesheet" href="/static/css/style1.css">
    <link rel="stylesheet" href="/static/css/index-011.css">
    <link rel="stylesheet" href="/static/css/responsive.css">
    <style>
        .custom-link {
            text-decoration: none;
            color: inherit;
            cursor: pointer;
            transition: all 0.3s ease;
            font-weight: bold;
        }

        .custom-link:hover {
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
        }
    </style>
</head>
<body class="index-01">
<header class="top-header media">
    <div class="top-left mr-3">
        <a class="navbar-brand custom-link" href="{% url 'home' %}">
            故障诊断系统
        </a>
    </div>
    <div class="top-right media-body">
        <div class="left-content float-left">

        </div>
        <div class="right-content float-right">
            <div class="country dropdown">
                <div id="country_selector"></div>
            </div>
            <div class="dropdown user-menu">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                    <img src="/static/picture/1.jpg" class="rounded-circle float-left mr-2" alt="User Image">
                </a>
                <ul class="dropdown-menu">
                    <li><a href="{% url 'logout' %}"><i class="fa fa-power-off"></i>退出系统</a></li>
                </ul>
            </div>
        </div>
    </div>
</header>
<div class="content-wrapper container-fluid">
    <aside class="left-panel">
        <nav class="navbar">
            <ul class="navbar-nav">
                <li class="nav-item dropdown active">
                    <a class="nav-link dropdown-toggle" href="{% url 'home' %}">
                        <i class="fa fa-dashboard"></i>
                        <span class="menu-title">首页</span>
                    </a>
                </li>
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="{% url 'train:upload' %}">
                        <i class="icon icon-basic-webpage-multiple"></i>
                        <span class="menu-title">执行训练</span>
                    </a>
                </li>
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="{% url 'predict:upload' %}" role="button">
                        <i class="fa fa-pie-chart"></i>
                        <span class="menu-title">执行预测</span>
                    </a>
                </li>
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="{% url 'combination:upload' %}" role="button">
                        <i class="fa fa-clone"></i>
                        <span class="menu-title">训练+预测</span>
                    </a>
                </li>
            </ul>
        </nav>
    </aside>
    <div class="dashboard-contents">
        <div class="contents-inner">
            <div class="row">
                <div class="col-12">
                    <div class="section-content">
                        <div class="col-12">
                            <p style="font-size: 18px;">
                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                分布式系统已成为信息存储和处理的主流。它具有横向扩展、处理大规模数据和高可用性的优势，
                                但也带来了更多故障排查和修复工作。基于机器学习的分布式系统故障诊断系统可以自动检测和识别故障，
                                提高了故障诊断的效率和准确性，有助于提升系统的可靠性和稳定性。
                                我们的系统采用迁移学习中的经典算法--核均值匹配算法对训练数据和测试数据做特征工程；
                                同时使用领导类置信决策集成模型算法选取每一类对应F1分数最高的分类方法作为领导分类方法，极大地提高了模型的准确率和鲁棒性。
                            </p>
                        </div>
                    </div>
                </div>
                <div class="col-12">
                    <div class="section-content">
                        <div class="row">
                            <div class="col-12 col-md-6">
                                <div class="statistic-box m-0">
                                    <h4 class="statistic-title float-left">
                                        {{ describe }}特征数量
                                    </h4>
                                    <div class="statistic-details">
                                        <span class="count float-left">{{ feature_quantity|default:0 }}</span>
                                        <span class="statistic-icon color-primary float-right">
                                            <i class="pe-7s-ticket"></i>
                                        </span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-12 col-md-6">
                                <div class="statistic-box m-0">
                                    <h4 class="statistic-title float-left">
                                        {{ describe }}样本数量
                                    </h4>
                                    <div class="statistic-details">
                                        <span class="count float-left">{{ sample_size|default:0 }}</span>
                                        <span class="statistic-icon color-purple float-right">
                                            <i class="pe-7s-albums"></i>
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                {% block content %}
                    <div class="col-lg-12">
                    <div class="section-content mt-o mb-0">
                        <div class="row">
                            <div class="col-6 pr-2 equal-height" style="min-height: 190px;">
                                <div class="section-content mt-0">
                                    <div class="widget-box bg-purple">
                                        <a href="{% url 'train:upload' %}"><span class="widget-icon top-left">
                                            </span>
                                        <div class="widget-text"><h3>{{ train|default:0 }}次</h3><span>单独执行训练</span></div>
                                    </a></div>
                                </div>
                            </div>
                            <div class="col-6 pl-2 equal-height" style="min-height: 190px;">
                                <div class="section-content mt-0">
                                    <div class="widget-box bg-danger"><a href="{% url 'predict:upload' %}"><span
                                            class="widget-icon bottom-right"></span>
                                        <div class="widget-text"><h3>{{ predict|default:0 }}次</h3><span>单独执行预测</span></div>
                                    </a></div>
                                </div>
                            </div>
                            <div class="col-12 pl-2 equal-height" style="min-height: 190px;">
                                <div class="section-content mt-0">
                                    <div class="widget-box bg-dark"><a href="{% url 'combination:upload' %}"><span
                                            class="widget-icon bottom-right"></span>
                                        <div class="widget-text"><h3>{{ combination|default:0 }}次</h3><span>训练后执行预测</span></div>
                                    </a></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                {% endblock %}
            </div>
        </div>
        <footer class="site-footer">
            <div class="copyright">
                <div class="float-center text-center">
                    <a href="{% url 'home' %}" rel="nofollow">
                        由“斗地组”导师：夏卓群<br>
                        成员：黄龙飞、王欣、禹勇滨、唐海东开发
                    </a>
                </div>
            </div>
        </footer>
    </div>
</div>
<script src="/static/js/jquery-3.2.1.slim.min.js"></script>
<script src="/static/js/plugins.js"></script>
<script src="/static/js/raphael-min1.js"></script>
<script src="/static/js/chartist.min1.js"></script>
<script src="/static/js/chartist-plugin-legend1.js"></script>
<script src="/static/js/jquery.sparkline.min1.js"></script>
<script src="/static/js/jquery.flot1.js"></script>
<script src="/static/js/jquery.flot.pie1.js"></script>
<script src="/static/js/jquery.flot.resize1.js"></script>
<script src="/static/js/jquery.flot.spline1.js"></script>
<script src="/static/js/charts.init1.js"></script>
<script src="/static/js/owl.carousel.min1.js"></script>
<script src="/static/js/weather1.js"></script>
<script src="/static/js/moment.js"></script>
<script src="/static/js/fullcalendar.min.js"></script>
{% block script %}

{% endblock %}
</body>
</html>